<template>
  <div class="profile-bot">
    <div class="layout" @click="layout">
      退出登录
    </div>
  </div>
</template>

<script>
export default {
  name: 'Profilelayout',
  data() {
    return {

    }
  },
  methods: {
    // 这里清除本地保存的所有信息，账号信息，等等
    layout() {
      // 清空信息
      sessionStorage.clear()
      this.$toast.show('退出成功',1500)
      setTimeout(() => {
        this.$router.push({
          path: '/login'
        })
      }, 2000)
    }
  }
}
</script>

<style scoped>
.profile-bot {
  top: 15px;
  width: 100%;
  height: 100px;
  background-color: #fff;
  color: black;
}


.profile-bot div {
  margin: auto;
  font-size: 18px;
  padding-left: 18px;
  padding-top: 120px;
  line-height: 18px;
}

.layout {
  margin: auto;
}
</style>